<template>
    <div id="app">
        <RouterView />
    </div>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
    name: 'App',
    provide() {
        return {
            reload: this.reload
        }
    },
    data() {
        return {
            isReload: true
        }
    },
    methods: {
        reload() {
            this.isReload = false
            this.$nextTick(() => {
                this.isReload = true
            })
        },
    }
})

</script>
<style scoped>
#app {
    font-family: "OPPOSans";
}
</style>